<template>
  <div class="not-data">
    <div class="center">
      <span class="iconfont icon-error"></span>
      <span>{{tips}}</span>
    </div>
  </div>
</template>

<script>
  export default {
    name: 'Error',
    props: {
      tips: String
    }
  }
</script>

<style scoped="scoped" lang="scss">
  .not-data {
    position: relative;
    width: 100%;
    height: 100%;

    .center {
      position: fixed;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      background-color: #999;
      color: #FFFFFF;
      margin-top: 1.05rem;

      span {
        font-size: .16rem;
      }

      .iconfont {
        font-size: .35rem;
      }
    }
  }
</style>
